<script>
  // 第一步:引入其他vue组件,可以引入多个
  // 语法: import 别名 from 'vue文件路径+文件名'
  // import HelloWorld from './components/HelloWorld.vue'
  // import HelloVue from './components/HelloVue.vue';
  // import HelloComposition from './components/HelloComposition.vue';
  // import Hello from './components/01-文本插值/Hello.vue';
  // import Hello from './components/02-原始HTML/Hello.vue';
  // import Hello from './components/03-属性绑定/Hello.vue';
  // import Hello from './components/04-事件绑定/Hello.vue';
  // import Hello from './components/05-类与样式绑定/Hello.vue';
  // import Hello from './components/06-条件渲染/Hello.vue';
  // import Hello from './components/07-列表渲染/Hello.vue';
  import Hello from './components/08-双向数据绑定/Hello.vue';

  export default{
    // 第二步:注入组件
    components:{
      // 此处直接使用组件别名可以
      // HelloWorld,
      // HelloVue
      // HelloComposition
      Hello
    }
  }
</script>
<template>
  <!-- 第三步:显示组件,使用组件别名作为标签名即可 -->
   <!-- <HelloWorld></HelloWorld> -->
   <!-- <HelloVue></HelloVue> -->
   <!-- <HelloComposition></HelloComposition> -->
    <Hello></Hello>
</template>
